<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/main.css" type="text/css" rel="stylesheet"  />
<script src="js/jquery-1.8.3.js"></script>
<script src="js/main.js"></script>
<script src="js/JQuerryMouseWheel.js"></script>

<title>京东</title>
	
</head>

<body>
	<div id="wrap">
    	<div class="toptitbg">
   	  		<div id="toptit" class="auto width"></div>
        </div>
        <div class="advbg">
        	<div id="adv" class="width auto"></div>
            <!--插入一个空div-->
            <div id="bigadv"><img src="img/bigadv.gif"></div>
            <!----> 
        </div>
         <div class="searchbg">
            	<div id="search" class="width auto"></div>
            </div>
         <div id="main" class="width auto">
         	<ul class="ul">
            	<li id="0"><a href="#" title="">家用电器</a></li>
                <li id="1"><a href="#" title="家用电器">手机、</a><a href="#" title="">数码、</a><a href="#" title="">京东通信</a></li>
                <li id="2"><a href="#" title="">电脑、</a><a href="#" title="">办公</a></li>
                <li id="3"><a href="#" title="">家居、</a><a href="#" title="">家具、</a><a href="#" title="">家装、</a><a href="#" title="">厨具</a></li>
                <li id="4"><a href="#" title="">男装、</a><a href="#" title="">女装、</a><a href="#" title="">内衣、</a><a href="#" title="">珠宝</a></li>
                <li id="5"><a href="#" title="">个户化妆</a></li>
                <li id="6"><a href="#" title="">鞋靴、</a><a href="#" title="">箱包、</a><a href="#" title="">钟表、</a><a href="#" title="">奢侈品</a></li>
                <li id="7"><a href="#" title="">运动户外</a></li>
                <li id="8"><a href="#" title="">汽车、</a><a href="#" title="">汽车用品</a></li>
                <li id="9"><a href="#" title="">母婴、</a><a href="#" title="">玩具乐器</a></li>
                <li id="10"><a href="#" title="">食品、</a><a href="#" title="">酒类、</a><a href="#" title="">生鲜、</a><a href="#" title="">特产</a></li>
                <li id="11"><a href="#" title="">图书、</a><a href="#" title="">音像、</a><a href="#" title="">电子书</a></li>
                 <li id="12"><a href="#" title="">彩票、</a><a href="#" title="">旅行、</a><a href="#" title="">充值、</a><a href="#" title="">票务</a></li>
                 <li id="13"><a href="#" title="">理财、</a><a href="#" title="">众筹、</a><a href="#" title="">白条、</a><a href="#" title="">保险</a></li>
                 <li id="14"><a href="#" title="">营养保健</a></li>
            </ul>
            <!--
            	作者：孙畅
            	时间：2015-10-29
            	描述：banner图片轮播
            -->
            
           <div id="banner">
          
           <div id="bannerpic">
           	<ul>
           		<li style="float:left"><img src="img/banner0.gif" title="" /></li>
                <li style="float:left"><img src="img/banner1.gif" title="" /></li>
                <li style="float:left"><img src="img/banner2.gif" title="" /></li>
                <li style="float:left"><img src="img/banner3.gif" title="" /></li>
                <li style="float:left"><img src="img/banner4.gif" title="" /></li>
                <li style="float:left"><img src="img/banner5.gif" title="" /></li>
                <li style="float:left"><img src="img/banner6.gif" title="" /></li>
                <li style="float:left"><img src="img/banner7.gif" title="" /></li>
               </ul> 
               <span class="pre"><</span>
            <span class="next">></span>
           </div>
         
           	<ul id="selectors">
            	<li class="bg11">1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li class="padding_0">8</li>
                
            </ul>
            <img src="img/menubg0.gif" title="" id="menusbg" />
            
           </div>
			
            <div id="mainright">
            	<img  src="img/mianrightbg.gif" title=""/>
                <div id="lifeserver">
                	<div id="life01">
                    	<a href="javascript:void(0)" class="phonepay"></a>
                        <a href="javascript:void(0)" class="planeticket"></a>
                        <a href="javascript:void(0)" class="movieticket"></a>
                        <a href="javascript:void(0)" class="game"></a>
                    </div>
                    <div id="life02"></div>
                    <div id="tabpage">
                    	<ul>
                       		<li><a href="" title="">话费</a></li>
                            <li><a href="" title="">机票</a></li>
                            <li><a href="" title="">电影票</a></li>
                            <li><a href="" title="">游戏</a></li>
                       </ul>
                        <div id="tabimg"><img src="img/tab1.gif" title="">
                        	<div class="close"><img src="img/closebg.gif"  /></div>
                        </div>
                    </div>
                </div>
            </div>
         </div>   
         <div id="refer" class="width auto">
         	<img  src="img/refer.gif" title=""/>
         </div>
         <div id="frash" class="width auto">
         	<img src="img/guessyoulike.gif" title="" />
            <a href="javascript:void(0)" id="more">换一批</a>
         </div>
         <div class="width auto" id="goods1"><img src="img/goods1.gif" /></div>
         <div class="width auto"><img src="img/goods2.gif" /></div>
         <div class="width auto"><img  src="img/adv01.gif" title="" class="adv1"/></div>
         <div class="width auto" id="m1"><img src="img/goods3.gif" /></div>
         <div class="width auto"><img src="img/goods4.gif" /></div>
         <div class="width auto"><img src="img/goods5.gif" /></div>
         <div class="width auto" id="m2"><img src="img/goods6.gif" /></div>
         <div class="width auto"><img src="img/goods7.gif" /></div>
         <div class="width auto"><img src="img/adv02.gif" /></div>
         <div class="width auto" id="m3"><img src="img/goods8.gif" /></div>
         <div class="width auto"><img src="img/goods9.gif" /></div>
         <div class="width auto" id="m4"><img src="img/goods10.gif" /></div>
         <div class="width auto"><img src="img/goods11.gif" /></div>
         <div class="width auto" id="m5"><img src="img/goods12.gif" /></div>
         <div class="width auto"><img src="img/goods13.gif" /></div>
         <div class="width auto"><img src="img/goods14.gif" /></div>
         <div class="width auto" id="m6"><img src="img/goods15.gif" /></div>
         <div class="width auto"><img src="img/firstfloor.gif" /></div>
         <div class="width auto"><img src="img/secondfloor.gif" /></div>
         <div class="width auto"><img src="img/thirdfloor.gif" /></div>
         <ul id="leftmenu">
         	<li><a href="javascript:void(0)">1F</a></li>
            <li><a href="javascript:void(0)">2F</a></li>
            <li><a href="javascript:void(0)">3F</a></li>
            <li><a href="javascript:void(0)">4F</a></li>
            <li><a href="javascript:void(0)">5F</a></li>
            <li><a href="javascript:void(0)">6F</a></li>
            <li><a href="#1">7F</a></li>
            <li><a href="#1">8F</a></li>
            <li><a href="#1">9F</a></li>
            <li><a href="#1">10F</a></li>
            <li><a href="#1">11F</a></li>
         </ul>
</div>
<div id="rightmenu">
	<div id="expand"><img src="img/extend.gif" title="展开" /></div>
	<ul class="rightul">
    	<li><span>购物车</span><img src="img/rightmenu1.gif" title="" /></li>
        <li><span>我的关注</span><img src="img/rightmenu2.gif" title="" /></li>
        <li><span>我的足迹</span><img src="img/rightmenu3.gif" title="" /></li>
        <li><span>我的消息</span><img src="img/rightmenu4.gif" title="" /></li>
        <li><span>咨询JIMI</span><img src="img/rightmenu5.gif" title="" /></li>
    </ul>
</div>

</body>
</html>
